@import "_base.scss";

body{
    width: vw(750);
    height: vw(1366);
    // background-color: red;
    margin: auto;
}
.swiper-container {
    width: vw(700);
    height: vw(260);
} 
.a {
    // background-color: aqua;
    display:flex;
    justify-content:space-around;
   
    text-align:center;
    .tu_neirong{
        width: vw(148);
        height: vw(149);
    }
    img{
        width: 100%;
        height: 100%;
    }
}
.b {
    // background-color: pink;
    @extend .a
}
.c {
    // background-color: purple;
    @extend .a
}
//轮播图
.discount_buying_2{
    width: vw(708);
    height: vw(60);
    // background-color:yellow;
    margin: auto;
    display: flex;
        justify-content:space-between;
        flex-direction:row;
    .dc_3{
        width: vw(200);
        height: vw(60);
        // background-color: #87ceeb;
        display: flex;
        
        justify-content:center;
        img{
        width: vw(55);
        height: vw(49);
        }
        span{
            line-height:vw(60);
            margin-left: vw(8);
	font-family: MicrosoftYaHei;
	font-size: vw(30);
    }
}
   .dc_4{
    width: vw(180);
    height: vw(60);
    // background-color: #87ceeb;
    display: flex;
    flex-direction:row;
    justify-content:flex-end;

    img{
    width: vw(25);
    height: vw(26);
    margin-top: vw(17);
    }
    span{
        line-height:vw(60);
font-family: MicrosoftYaHei;
font-size: vw(24);

color: #000000;
margin-right: vw(8);
    }
   }
}
.option{
    width: vw(710);
    height: vw(140);
    // background-color: pink;
    margin: auto;
    display: flex;
    justify-content:space-around;
    margin-top: vw(10);
    .option_content{
        width: vw(133);
        height: vw(133);
        
        
    }
    img{
        width: 100%;
        height: 100%;
    }
}
.classification_top{
    width: vw(725);
    height: vw(320);
    // background-color: pink;
    margin:auto;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    .classification_column{
        width: vw(704);
        height: vw(60);
        // background-color: skyblue;
        display:flex;
        justify-content:space-between;
      .column_center{
          width: vw(159);
          height: vw(56);
        //   background-color: pink;
          display: flex;
          a{
              width: vw(123);
              height: vw(50);
              display:block;
              text-decoration: none;
              text-align:center;
              line-height: vw(57);
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
    border-radius:vw(20);
    border:  vw(2) solid  #ff9344;
          }
          span{
            font-family: MicrosoftYaHei;
            font-size: vw(26);
            color: #000000;
            line-height: vw(57);
            margin:auto;
          }
      }
    }
    .classification_picture{
        width: vw(704);
        height: vw(260);
        // background-color: yellow;
    }
    .column_center_1{
        width: vw(159);
        height: vw(56);
        // background-color: pink;
        display: flex;
        border:vw(2) solid #ff9344;
	    font-family: MicrosoftYaHei;
	    font-size: vw(26);
	    color: #000000;
        justify-content:space-around;
        align-items: center;
        img{
            width: vw(32);
            height: vw(16);
        }
    }
}
footer{
    width: vw(750);
    height: vw(150);
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    position:fixed;
        position:start;
        bottom:0;
        z-index:10;
    .bottom_classification{
         width: vw(652);
         height: vw(107);
        //  background-color: pink;
         display: flex;
         flex-direction: row;
         justify-content: space-around;
         text-align: center;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
         img{
             width: 100%;
             height: 100%;
         }
        }
        .classification_center{
            width: vw(75);
            height: vw(100);
            // background-color: red;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
}